/* ------------------------------------------------------------
 * PUBLIC SITE NEWS
 * ------------------------------------------------------------
 */
.hp-news-sect{
	position:relative;
	width:100%;
	height:1035px;
	background:#fff url(#{$firstlevel-path}images/index/hp-news-sect-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
}
.hp-news-bar{
	margin:-40px auto 0 auto;
	width:1430px;
	height:1085px;
	background:url(#{$firstlevel-path}images/index/hp-news-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hp-news-cont{
	padding-top:126px;
	@include fn-clearfix;
}
.hp-news-panel{
	width:100%;
	@include fn-clearfix;
}
.hp-news-hd{
	width:100%;
	height:80px;
}
.news-col-title{
	margin:0;
	margin-right:42px;
	width:247px;
	height:67px;
	font-size:0;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.msg-txtscroll-top{
	margin-left:20px;
	margin-top:40px;
	position:relative;
	width:560px;
	height:40px;
	background:#f0f4f5;
	overflow:hidden;
	@include fn-border-radius(20px);
}
.msg-txtscroll-bd{
	padding:0 18px;
}
.msg-item{
	width:100%;
	height:40px;
	line-height:40px;
	.msg-icon{
		margin-right:20px;
		margin-top:13px;
		display:block;
		float:left;
		width:21px;
		height:15px;
		background:url(#{$firstlevel-path}images/index/hp-new-msg-icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.msg-link{
		display:block;
		width:480px;
		height: inherit;
		line-height:40px;
		font-size:14px;
		color:#6b7b80;
		@include fn-text-ellipsis;
		@include fn-transition(all .4s ease);
		font-family: "Microsoft YaHei";
		&:hover{
			color:#667fc3;
		}
	}
}

.hot-new-hd{
	position: absolute;
	top:276px;
	right:0;
	z-index:1;
	width:100%;
	height:24px;
	ul{
		padding-right:15px;	
		float:right;
		width:100%;
		height:24px;
		font-size:0;
		text-align:right;
	}
	li{
		display:inline-block;
		width:24px;
		height:24px;
		background:url(#{$firstlevel-path}images/common/btransparent40.png) repeat;
		font-size:14px;
		color:#fff;
		text-align:center;
		line-height:24px;
		cursor:pointer;
		@include fn-transition(all .4s ease);
		font-family: "Microsoft YaHei";
		&+li{
			margin-left:5px;
		}
		&:hover,&.on{
			background:url(#{$firstlevel-path}images/common/rtransparent80.png) repeat;
		}
	}
}




.hp-news-bd{
	margin-top:45px;
	width:100%;
	@include fn-clearfix;
}
.hot-news-scroll{
	position: relative;
	margin-left:20px;
	float:left;
	width:560px;
	height:540px;
	overflow:hidden;
}
.hot-new-bd{
	width:560px;
	height:540px;
	ul{
		width:100%;
		height:inherit;
	}
}
.h-news-item{
	width:560px;
	height:540px;
	@include fn-border-radius(3px);
	overflow:hidden;
}
.h-pic-link{
	position: relative;
	display:block;
	width:100%;
	height:315px;
	img{
		width:100%;
		height:100%;
	}
	.col-tips{
		position: absolute;
		top:0;
		left:0;
		z-index:1;
		display:block;
		width:70px;
		height:70px;
		background:url(#{$firstlevel-path}images/index/hp-news-tips-bg.png) left top no-repeat;
		font-size:0;
		color: white;
	}
}
.h-news-txt{
	padding:20px;
	width:560px;
	height:225px;
	overflow:hidden;
	background:#f8f8f8;
	border:1px solid #e8eced;
}
.h-new-title{
	margin-top:5px;
	width:100%;
	height:30px;
	overflow:hidden;
	a{
		display:block;
		width:100%;
		height:30px;
		line-height:30px;
		font-size:18px;
		color: #667fc3;
		font-weight:700;
		@include fn-text-ellipsis;
		font-family: "Microsoft YaHei";
		letter-spacing:1px;
	}
}
.h-new-desc{
	margin-top:15px;
	width:100%;
	height:78px;
	font-size:14px;
	color:#666;
	line-height:26px;
	@include fn-text-ellipsis3;
	p{
		margin:0;
	}
}
.h-new-tips{
	margin-top:16px;
	width:100%;
	height:30px;
	line-height:30px;
	font-family: "Microsoft YaHei";
	span{
		float:left;
		font-size:12px;
		color:#999;
		letter-spacing:1px;
		&+span{
			margin-left:31px;
		}
	}
	.h-new-link{
		float:right;
		font-size:14px;
		color:#667fc3;
		i{
			margin-left:10px;
		}
	}
}


.h-news-group{
	float:left;
	margin-left:20px;
	width:270px;
	height:540px;
}
.h-news-hot{
	width:270px;
	height:315px;
	@include fn-border-radius(3px);
	overflow:hidden;
	.h-news-txt{
		width:270px;
		height:163px;
		border-top:0;
	}
	.h-new-title{
		margin:0;
		height:18px;
		a{
			height:18px;
			line-height:18px;
			font-size:16px;
			color:#333;
			@include fn-transition(all .4s ease);
			font-family: "Microsoft YaHei";
			&:hover{
				color:#667fc3;
			}
		}
	}
	.h-new-desc{
		margin-top:10px;
		width:100%;
		height:52px;
		@include fn-text-ellipsis2;
	}
	.h-new-tips{
		margin-top:13px;
	}
	&:hover .h-news-txt{
		background: #fcfdff;
	}
}
.new-pic{
	display:block;
	width:100%;
	height:152px;
	img{
		width:100%;
		height:100%;
	}
}
.h-new-items{
	width:100%;
	@include fn-clearfix;
}
.h-new-item{
	padding:20px;
	width:100%;
	height:107px;
	&+.h-new-item{
		border-top:1px solid #e8eced;
	}
	.h-new-link{
		display:block;
		width: 100%;
		height:100%;
		.h-new-desc{
			display:block;
			width:100%;
			height:26px;
			@include fn-text-ellipsis;
		}
	}
	&:hover{
		background: #fcfdff;
	}
}

.h-new-tit{
	margin:0;
	margin-top:9px;
	font-size:16px;
	color:#333;
	font-weight:700;
	@include fn-text-ellipsis;
	@include fn-transition(all .4s ease);
	font-family: "Microsoft YaHei";
	&:hover{
		color:#667fc3;
	}
}


























